<template>
    <div class="Device">
        <TopBar class="t" :title="'智能设备'" action="新增设备" :url="'/index/my'"></TopBar>
        <div >
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>

            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
            <div class="content">
                <img src="../../../assets/img/my/watch.png" alt="">
                <div>
                    <h3>OMINI智能手表E3</h3>
                    <p>上次同步: 3分钟前</p>
                </div>
                <span>解除绑定</span>
            </div>
        </div>
    </div>
</template>

<script>
    import TopBar from "../../../component/TopBar";
    export default {
        name: "Device",
        data() {
            return {}
        },
        components:{
            TopBar
        }
    }
</script>

<style lang="stylus" scoped>
  @import "../../../assets/stylus/border.styl"
.Device
  .t
    padding 0.12rem 0.12rem 0.35rem 0.12rem
    border_1px(0 0 1px 0,#dddddd)

  img
    width 0.5rem
    height 0.5rem
    margin-right 0.05rem
    flex 1

  span
    font-size 0.12rem
    color #cccccc
    margin-top 0.1rem
    flex 2
  .content
    padding 0.15rem 0.15rem 0 0.15rem
    border_1px(0 0 1px 0,#dddddd)
    display flex

    div
      flex 7
    h3
      font-size 0.13rem
      margin-top 0.06rem
    p
      font-size 0.12rem
      color #cccccc
      margin-top 0.04rem
</style>